<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>签到表</title>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script>
        $(function () {
            $.ajax({
                type:"get",
                url:"/not",
                success:function(data){
                    var tr= "";
                    $.each(data.code,function (index,info) {
                        tr += "<td>"+info.name+"</td>"
                    })
                    $("#tbody").html(tr);
                },
                error:function(){
                    alert("查询失败");
                },
            });
            $.ajax({
                type:"get",
                url:"/already",
                success:function(data){
                    var tr= "";
                    $.each(data.code,function (index,info) {
                        tr += "<td>"+info.name+"</td>"
                    })
                    $("#tbody2").html(tr);
                },
                error:function(){
                    alert("查询失败");
                },
            });
        })

    </script>
</head>
<body>
未签到：
<table  width="400" border="1" cellspacing="0" cellpadding="0">
    <tr> <td id="tbody"></td></tr>
</table>
已签到：
<table  width="400" border="1" cellspacing="0" cellpadding="0">
    <tr> <td id="tbody2"></td></tr>
</table>
<table  width="400" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td><a href="/excle">导入数据</a></td>
        <td><a href="/">去签到</a></td>
        <td><a href="/clear">清空已签到</a></td>
    </tr>
</table>
</body>
</html>